<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="de" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Campus3D</title>
<link rel="stylesheet" type="text/css"
              href="http://www.x3dom.org/download/x3dom.css" />
        <script type="text/javascript"
                src="http://www.x3dom.org/download/x3dom.js">
        </script>
        
        <!--JQUERY-->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css" type="text/css" media="all" />
  </script>

<script type="text/javascript" >
    var zahlX = -19;
    var zahlZ = -6; 
    function oben() {
        
       //document.getElementById("wuerfel").getAttribute('translation');
        //alert(y);
        
        zahlX = zahlX + 1;
        x = zahlX + ' ';
        y = 2 + ' ';
        z = zahlZ + '';
        a = x + y + z;
        //alert (a);
        document.getElementById("standort").setAttribute('position', a);
    }

    function unten() {
    //document.getElementById("wuerfel").getAttribute('translation');
        //alert(y);
        
        zahlX = zahlX - 1;
        x = zahlX + ' ';
        y = 2 + ' ';
        z = zahlZ + '';
        a = x + y + z;
        //alert (zahlX);
        document.getElementById("standort").setAttribute('position', a);
    }

    function rechts() {
        
       //document.getElementById("wuerfel").getAttribute('translation');
        //alert(y);
        
        zahlZ = zahlZ + 1;
        x = zahlX + ' ';
        y = 2 + ' ';
        z = zahlZ + '';
        a = x + y + z;
        //alert (z);
        document.getElementById("standort").setAttribute('position', a);
    }

    function Links() {
        
       //document.getElementById("wuerfel").getAttribute('translation');
        //alert(y);
        
        zahlZ = zahlZ -1;
        x = zahlX + ' ';
        y = 2 + ' ';
        z = zahlZ + '';
        a = x + y + z;
        //alert (z);
        document.getElementById("standort").setAttribute('position', a);
    }
    
     function vogelperspektive() {
      var x = 0 + '';
      var y = 3 + '';
      var z = 0 + '';
       var a = x + y + z;
       document.getElementById("standort").setAttribute('position', "-30 8 -9");
   }
       function froschperspektive() {
      var x = 0 + '';
      var y = 3 + '';
      var z = 0 + '';
       var a = x + y + z;
       document.getElementById("standort").setAttribute('position', " -8 0 -6 ");
   }
   
   function draufsicht() {
      var x = 0 + '';
      var y = 3 + '';
      var z = 0 + '';
       var a = x + y + z;
       document.getElementById("standort").setAttribute('position', " -8 +2 -5 ");
   }
   
 //  function Jquery().document{
// $("#zoom_05").elevateZoom({ zoomType	: "inner", cursor: "crosshair" });
//    }
</script>

<style>
.signatur{color:blue}
h1 {color:green}
</style>

</head>

<div align="center">

<p>
<h1>Campus3D</h1><br>
<!--Steuerelemte-->
<img src="pfeilOben.png" alt="Oben" onclick="oben()">
<br>
<img src="pfeilLinks.png" alt="Links" onclick="Links()">
&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;
&#8195;&#8195;&#8195;&#8195;&#8195;

<img src="pfeilRechts.png" alt="Rechts" onclick="rechts()">
<br>
<img src="pfeilUnten.png" alt="Unten" onclick="unten()">
    
</p>


<body>

<x3d width="1600px" height="1000px">

	<button onclick="vogelperspektive()">Vogelperspektive</button>
		<button onclick="froschperspektive()">Froschperspektive</button>
			<button onclick="draufsicht()">Draufsicht</button>

        <scene>
            <viewpoint id="standort" position="-19 2 -6" orientation="851 99999 -500 -95833"></viewpoint>
            



            <transform id="campus"  >

                <transform>
                    <transform scale="15 0.5 15">
                        <shape >
                            <appearance>
                                <ImageTexture  url="textur.jpg"></ImageTexture>
                                
                            </appearance>
                            <box></box>
        
                        </shape>
                    </transform>
                </transform>



               <!--Mensa -->
                <transform translation="6 1 -5">
                    <transform rotation="0 10 0 -139.80">
                    	<transform scale="6.457 0.5 3.138">

                        	<shape>
                            	<appearance>
                              	  <material></material>
                          	  </appearance>
                          	  <box></box>
                        	</shape>

                   		 </transform>
                    </transform>
                </transform>


                <transform>

                    <!--Bibliothek-->
                    <transform translation="3 1 8.273">

                        <transform scale="6.135 0.5 3.513">

                                    <shape>
                                        <appearance>
                                            <material></material>
                                        </appearance>
                                        <box></box>
                                    </shape>

                        </transform>
                            </transform>
                     </transform>



                <transform>

                    <!--SSC
                    -->
                    <transform translation="-2 1 -10">
						 <transform rotation=" 0 0 -270">
                       		 <transform scale="0.933 0.5 1.45">

                                    <shape>
                                        <appearance>
                                            <material></material>
                                        </appearance>
                                        <box></box>
                                    </shape>

                        </transform>
                            </transform>
                        </transform>
                        
                          <transform translation="-4.33 1 -10.257">
						 <transform rotation=" 0 0 -270">
                       		 <transform scale="1.713 0.5 1.193">

                                    <shape>
                                        <appearance>
                                            <material></material>
                                        </appearance>
                                        <box></box>
                                    </shape>

                        </transform>
                            </transform>
                        </transform>
                        
                          <transform translation="-7.13 1 -10">
						 <transform rotation=" 0 0 -270">
                       		 <transform scale="1.548 0.5 1.45">

                                    <shape>
                                        <appearance>
                                            <material></material>
                                        </appearance>
                                        <box></box>
                                    </shape>

                        </transform>
                            </transform>
                        </transform>


    </x3d>



<p class="signatur">
Kuchenkäse

</p>

</div>

</body>
</html>